<template>
  <div>
    <div class="bottom-container">
      <van-nav-bar title="水桶管理" left-text="返回" left-arrow v-back />
      <van-tabs v-model="active" title-active-color="#26A2FF" color="#26A2FF">
        <van-tab title="欠桶">
          <bucket-loss-list></bucket-loss-list>
        </van-tab>
        <van-tab title="买桶">
          <bucket-buy-list></bucket-buy-list>
        </van-tab>
        <van-tab title="还桶">
          <bucket-repay-list></bucket-repay-list>
        </van-tab>
        <van-tab title="换桶">
          <bucket-exchange-list></bucket-exchange-list>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>

<script>
import BucketLossList from './BucketLossList';
import BucketBuyList from './BucketBuyList';
import BucketExchangeList from './BucketExchangeList';
import BucketRepayList from './BucketRepayList';
  export default {
    components: {
      BucketLossList,
      BucketBuyList,
      BucketExchangeList,
      BucketRepayList
    },
    data(){
      return {
        active: ''
      }
    }
  }

</script>

<style lang="less" scoped>

</style>
